@charset "utf-8";

/* CSS Document */

/*==================================   全局样式  ========================================================*/

* { margin: 0; padding: 0; box-sizing: border-box;}
html,
body { width: 100%; height: 100%; }
img { border: 0; vertical-align: middle; }
body { font-size: 14px; font-family: "Microsoft Yahei", "黑体", "宋体";}
a { text-decoration: none; }
a:hover { text-decoration: none; }
.clear { clear: both; }
.hha,
.hha:active,
.hha:visited { display: inline-block; color: White; text-decoration: none; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; }
.search_bar { float: right; transition: width 0.3s; }
.input { border: none; outline: none; }
.search_ico { line-height: 36px; }

/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: none; margin: 0;  padding: 0; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%;  vertical-align: baseline;}
article, aside, details, figcaption, figure, header, hgroup, footer, menu, nav, section {display: block;}*/
ol,
ul { list-style: none; }
blockquote,
q { quotes: none; }

blockquote::before { content: none; }
blockquote::after { content: none; }
:focus { outline: 0px; }
ins,
del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fl { float: left; }
.fr { float: right; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.clear { clear: both; display: block; overflow: hidden; height: 0; line-height: 0; }
.mrt10 { margin-top: 10px; }
.pd20 { padding: 20px; }
.justify { text-align: justify; text-justify: distribute-all-lines;/*ie6-8*/ text-align-last: justify;/* ie9*/ -moz-text-align-last: justify;/*ff*/ -webkit-text-align-last: justify;/*chrome 20+*/ }
.toe { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


/*Common For Max 1200*/
.g-5{width:5%;}
.g-10{width:10%;}
.g-15{width:15%;}
.g-20{width:20%;}
.g-25{width:25%;}
.g-30{width:30%;}
.g-35{width:35%;}
.g-40{width:40%;}
.g-45{width:45%;}
.g-50{width:50%;}
.g-55{width:55%;}
.g-60{width:60%;}
.g-65{width:65%;}
.g-70{width:70%;}
.g-75{width:75%;}
.g-80{width:80%;}
.g-85{width:85%;}
.g-90{width:90%;}
.g-95{width:95%;}
.g-33{width:33.33333%;}
.g-16{width:16.66666%;}
.g-14{width:14.28571%;}
.g-66{width:66.66667%;}
.g-100{clear:both;width:100%;}
/*清除浮动*/
.clear{clear:both;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;*zoom:1;}
/*两端对齐*/
.justify{text-align:justify;text-justify:distribute-all-lines; /*ie6-8*/text-align-last:justify; /* ie9*/-moz-text-align-last:justify; /*ff*/-webkit-text-align-last:justify; /*chrome 20+*/}

/*一行超出省略号*/
.ui-nowrap{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}

/*二行超出省略号*/
.ui-nowrap2{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/*三行超出省略号*/
.ui-nowrap3{word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

/*translate居中*/
.ui-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}

/*--------------css animation--------------*/
.tran200{-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear;-moz-transition:all 0.4s linear;-ms-transition:all 0.4s linear;transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-ms-transition:all 1s linear;transition:all 1s linear;}
.scaleimg:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.rotateY:hover{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}
.rotateY1:hover{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg);}

.translateX a:hover{-webkit-transform:translateX(6px);-moz-transform:translateX(6px);-ms-transform:translateX(6px);transform:translateX(6px);}

/* 垂直居中 */
.ui-center2{position: relative;top: 50%;transform: translateY(-50%);}

/* 垂直居中 */
.ui-center4{position: absolute;display: inline-block;top: 50%;transform: translateY(-50%);}
/* 垂直水平居中 */
.ui-center1{position: relative;display: inline-block;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.ui-center3{position: absolute;display: inline-block;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.ui-flex{display: flex; display: -ms-flex;}